/**
 * Failed to minify the file using clean-css v5.3.3. Serving the original version.
 * Original file: /npm/bluesky-post-embed@1.0.6/dist/core.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */

	.bluesky-embed.s-3olstj {
		position: relative;
		box-sizing: border-box;
		margin: 0 auto;
		border: 1px solid var(--divider);
		border-radius: 8px;
		background: var(--background-primary);
		min-width: 250px;
		max-width: 550px;
		overflow: hidden;
		color: var(--text-primary);
		font-weight: 400;
		font-size: calc(var(--font-size) * 0.875);
		line-height: calc(var(--font-size) * 1.25);
		font-family: var(--font-family);

		:where(*),
		:where(*::before),
		:where(*::after) {
			box-sizing: border-box;
			margin: 0;
			padding: 0;
		}
		:where(a) {
			color: inherit;
			text-decoration: none;
		}

		:where(.icon) {
			flex-shrink: 0;
			width: 1em;
			height: 1em;
		}
	}

	.gate.s-q6x07m {
		display: flex;
		align-items: center;
		gap: 12px;
		cursor: pointer;
		border: 1px solid var(--divider);
		border-radius: 6px;
		padding: 0 12px;
		height: 44px;

		.content-hider[open]:where(.s-q6x07m) & {
			margin-bottom: 12px;
		}

		&:hover {
			border-color: var(--divider-hover);
		}
	}

	.icon.s-q6x07m {
		width: 18px;
		height: 18px;
		color: var(--text-secondary);
	}
	.label.s-q6x07m {
		flex-grow: 1;
		overflow: hidden;
		font-weight: 500;
		user-select: none;
		text-overflow: ellipsis;
	}

	.action.s-q6x07m {
		color: var(--text-link);
		font-weight: 500;
		font-size: calc(var(--font-size) * 0.8125);
		line-height: calc(var(--font-size) * 1.25);

		&::before {
			content: 'Show';
		}
		.content-hider[open]:where(.s-q6x07m) &::before {
			content: 'Hide';
		}
	}

	.external-embed.s-rtbqd8 {
		display: block;
		border: 1px solid var(--divider);
		border-radius: 6px;
		overflow: hidden;

		&:hover {
			border-color: var(--divider-hover);
		}
	}

	.thumbnail.s-rtbqd8 {
		display: block;
		border-bottom: 1px solid var(--divider);
		background: #000000;
		aspect-ratio: 1.91;
		width: 100%;

		.external-embed:where(.s-rtbqd8):hover & {
			border-color: var(--divider-hover);
		}
	}

	.meta.s-rtbqd8 {
		padding: 12px;
	}

	.title.s-rtbqd8 {
		display: -webkit-box;
		overflow: hidden;
		font-weight: 700;
		white-space: pre-wrap;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		overflow-wrap: break-word;

		&:empty {
			display: none;
		}
	}
	.description.s-rtbqd8 {
		display: -webkit-box;
		overflow: hidden;
		color: var(--text-secondary);
		font-size: calc(var(--font-size) * 0.8125);
		white-space: pre-wrap;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		overflow-wrap: break-word;

		&:empty {
			display: none;
		}
	}

	.domain.s-rtbqd8 {
		display: flex;
		align-items: center;
		gap: 6px;
		margin: 6px 0 0 0;
		color: var(--text-secondary);
		font-weight: 500;
		font-size: calc(var(--font-size) * 0.75);
	}

	.feed-embed.s-156tlwp {
		display: flex;
		flex-direction: column;
		gap: 12px;
		border: 1px solid var(--divider);
		border-radius: 6px;
		padding: 12px;

		&:hover {
			border-color: var(--divider-hover);
		}
	}

	.main.s-156tlwp {
		display: flex;
		gap: 12px;
	}

	.avatar-wrapper.s-156tlwp {
		margin: 2px 0 0 0;
		border-radius: 6px;
		background: var(--background-secondary);
		width: 36px;
		height: 36px;
		overflow: hidden;
	}
	.avatar.s-156tlwp {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.name.s-156tlwp {
		font-weight: 700;
	}

	.creator.s-156tlwp {
		color: var(--text-secondary);
		font-size: calc(var(--font-size) * 0.8125);
	}

	.description.s-156tlwp {
		display: -webkit-box;
		overflow: hidden;
		font-size: calc(var(--font-size) * 0.8125);
		white-space: pre-wrap;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		overflow-wrap: break-word;

		&:empty {
			display: none;
		}
	}

	.is-aligned.s-t3k6fc {
		align-self: baseline;
		max-width: 100%;
	}

	.grid.s-t3k6fc {
		display: flex;
		gap: 2px;
	}
	.col.s-t3k6fc {
		display: flex;
		flex: 1;
		flex-direction: column;
		gap: 2px;
	}

	.square.s-t3k6fc {
		aspect-ratio: 1;
	}
	.wide.s-t3k6fc {
		aspect-ratio: 1.5;
	}

	.item.s-t3k6fc {
		position: relative;
		flex-grow: 1;
		flex-shrink: 0;
		overflow: hidden;
	}

	.is-bordered.s-t3k6fc {
		.tl:where(.s-t3k6fc),
		.tr:where(.s-t3k6fc),
		.bl:where(.s-t3k6fc),
		.br:where(.s-t3k6fc) {
			border: 1px solid var(--divider);
		}

		.tl:where(.s-t3k6fc) {
			border-top-left-radius: 6px;
		}
		.tr:where(.s-t3k6fc) {
			border-top-right-radius: 6px;
		}
		.bl:where(.s-t3k6fc) {
			border-bottom-left-radius: 6px;
		}
		.br:where(.s-t3k6fc) {
			border-bottom-right-radius: 6px;
		}
	}

	.single-item.s-t3k6fc {
		position: relative;
		aspect-ratio: 16 / 9;
		overflow: hidden;

		.image:where(.s-t3k6fc) {
			object-fit: contain;
		}
	}
	.is-standalone.s-t3k6fc {
		min-width: 64px;
		max-width: 100%;
		min-height: 64px;
		max-height: 320px;
	}

	.image.s-t3k6fc {
		position: absolute;
		inset: 0;
		background: #000000;
		width: 100%;
		height: 100%;
		object-fit: cover;
		font-size: 0px;
	}
	.is-blurred.s-t3k6fc {
		scale: 125%;
		filter: blur(24px);
	}

	.placeholder.s-t3k6fc {
		width: 100vw;
		height: 100vh;
	}

	.list-embed.s-6uize5 {
		display: flex;
		flex-direction: column;
		gap: 12px;
		border: 1px solid var(--divider);
		border-radius: 6px;
		padding: 12px;

		&:hover {
			border-color: var(--divider-hover);
		}
	}

	.main.s-6uize5 {
		display: flex;
		gap: 12px;
	}

	.avatar-wrapper.s-6uize5 {
		margin: 2px 0 0 0;
		border-radius: 6px;
		background: var(--background-secondary);
		width: 36px;
		height: 36px;
		overflow: hidden;
	}
	.avatar.s-6uize5 {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.name.s-6uize5 {
		font-weight: 700;
	}

	.creator.s-6uize5 {
		color: var(--text-secondary);
		font-size: calc(var(--font-size) * 0.8125);
	}

	.description.s-6uize5 {
		display: -webkit-box;
		overflow: hidden;
		font-size: calc(var(--font-size) * 0.8125);
		white-space: pre-wrap;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		overflow-wrap: break-word;

		&:empty {
			display: none;
		}
	}

	.video-embed.s-1azk58e {
		display: block;
		position: relative;
		background: #000000;
		aspect-ratio: 16 / 9;
		overflow: hidden;
	}
	.is-bordered.s-1azk58e {
		border: 1px solid var(--divider);
		border-radius: 6px;
	}
	.is-standalone.s-1azk58e {
		align-self: baseline;
		aspect-ratio: auto;
		max-width: 100%;
	}

	.constrainer.s-1azk58e {
		min-width: 64px;
		max-width: 100%;
		min-height: 64px;
		max-height: 320px;
	}

	.thumbnail.s-1azk58e {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
	.is-blurred.s-1azk58e {
		scale: 125%;
		filter: blur(24px);
	}

	.placeholder.s-1azk58e {
		width: 100vw;
		height: 100vh;
	}

	.play.s-1azk58e {
		display: grid;
		position: absolute;
		top: 50%;
		left: 50%;
		place-items: center;
		translate: -50% -50%;
		border-radius: 50%;
		background: rgba(64, 64, 64, 0.6);
		aspect-ratio: 1 / 1;
		height: 40%;
		max-height: 48px;
		color: #ffffff;
		font-size: 20px;

		.icon:where(.s-1azk58e) {
			width: 40%;
			height: 40%;
		}

		.is-standalone:where(.s-1azk58e) &:hover {
			background: rgba(64, 64, 64, 0.8);
		}
	}

	.quote-embed.s-za6fip {
		display: block;
		border: 1px solid var(--divider);
		border-radius: 6px;
		overflow: hidden;

		&:hover {
			border-color: var(--divider-hover);
		}
	}

	.meta.s-za6fip {
		display: flex;
		padding: 12px 12px 0 12px;
		color: var(--text-secondary);

		.avatar-wrapper:where(.s-za6fip) {
			flex-shrink: 0;
			margin: 0 8px 0 0;
			border-radius: 9999px;
			background: var(--background-secondary);
			width: 20px;
			height: 20px;
			overflow: hidden;
		}
		.avatar:where(.s-za6fip) {
			width: 100%;
			height: 100%;
		}

		.name-wrapper:where(.s-za6fip) {
			display: flex;
			gap: 4px;
			max-width: 100%;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.display-name-wrapper:where(.s-za6fip) {
			overflow: hidden;
			text-overflow: ellipsis;
		}
		.display-name:where(.s-za6fip) {
			color: var(--text-primary);
			font-weight: 700;
		}
		.handle:where(.s-za6fip) {
			display: block;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.dot:where(.s-za6fip) {
			flex-shrink: 0;
			margin: 0 6px;
		}

		.date:where(.s-za6fip) {
			white-space: nowrap;
		}
	}

	.body.s-za6fip {
		display: flex;
		align-items: flex-start;
	}

	.aside.s-za6fip {
		flex-grow: 1;
		flex-basis: 0;
		margin: 8px 0 12px 12px;
		max-width: 20%;
	}

	.text.s-za6fip {
		display: -webkit-box;
		margin: 8px 12px 12px 12px;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 6;
		line-clamp: 6;
		flex-grow: 4;
		flex-basis: 0px;
		min-width: 0px;
		white-space: pre-wrap;
		overflow-wrap: break-word;
	}

	.divide.s-za6fip {
		padding: 6px 0;
	}

	.starterpack-embed.s-15v965v {
		display: block;
		border: 1px solid var(--divider);
		border-radius: 6px;
		overflow: hidden;

		&:hover {
			border-color: var(--divider-hover);
		}
	}

	.banner.s-15v965v {
		display: block;
		aspect-ratio: 1.91;
		width: 100%;
	}

	.meta.s-15v965v {
		display: flex;
		flex-direction: column;
		gap: 12px;
		padding: 12px;
	}

	.main.s-15v965v {
		display: flex;
		gap: 12px;
	}

	.avatar.s-15v965v {
		margin: 2px;
		width: 36px;
		height: 36px;
	}

	.name.s-15v965v {
		font-weight: 700;
	}

	.creator.s-15v965v {
		color: var(--text-secondary);
		font-size: calc(var(--font-size) * 0.8125);
	}

	.description.s-15v965v {
		display: -webkit-box;
		overflow: hidden;
		font-size: calc(var(--font-size) * 0.8125);
		white-space: pre-wrap;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		overflow-wrap: break-word;

		&:empty {
			display: none;
		}
	}

	.embeds.s-azdpbr {
		display: flex;
		flex-direction: column;
		gap: 12px;
		margin: 12px 0 0 0;
	}

	.message.s-azdpbr {
		border: 1px solid var(--divider);
		border-radius: 6px;
		padding: 12px;
		color: var(--text-secondary);
	}

	.rich-text.s-1lecfnd {
		overflow: hidden;
		white-space: pre-wrap;
		overflow-wrap: break-word;

		&:empty {
			display: none;
		}
	}
	.is-large.s-1lecfnd {
		font-size: calc(var(--font-size) * 1);
		line-height: calc(var(--font-size) * 1.5);
	}

	.link.s-1lecfnd,
	.mention.s-1lecfnd,
	.hashtag.s-1lecfnd {
		color: var(--text-link);

		&:hover {
			text-decoration: underline;
		}
	}

	.highlighted-post.s-hik11q {
		padding: 16px;
	}

	.meta.s-hik11q {
		display: flex;
		align-items: center;
		gap: 12px;
		margin: 0 0 12px 0;
		color: var(--text-secondary);
	}

	.avatar-wrapper.s-hik11q {
		display: block;
		flex-shrink: 0;
		border-radius: 9999px;
		background: var(--background-secondary);
		width: 40px;
		height: 40px;
		overflow: hidden;

		&:hover {
			filter: brightness(0.85);
		}
	}

	.avatar.s-hik11q {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.is-blurred.s-hik11q {
		scale: 125%;
		filter: blur(4px);
	}

	.name-wrapper.s-hik11q {
		display: block;
		flex-grow: 1;
		max-width: 100%;
		overflow: hidden;
		color: inherit;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.display-name-wrapper.s-hik11q {
		overflow: hidden;
		text-overflow: ellipsis;

		.name-wrapper:where(.s-hik11q):hover & {
			text-decoration: underline;
		}
	}
	.display-name.s-hik11q {
		color: var(--text-primary);
		font-weight: 700;
	}
	.handle.s-hik11q {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.logo.s-hik11q {
		width: 32px;
		height: 32px;
	}

	.context.s-hik11q {
		overflow: hidden;
		color: var(--text-secondary);
		font-size: calc(var(--font-size) * 0.8125);
		text-overflow: ellipsis;
		white-space: nowrap;

		a:where(.s-hik11q) {
			color: inherit;
			font-weight: 500;

			&:hover {
				text-decoration: underline;
			}
		}
	}

	.date.s-hik11q {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 8px;
		margin: 12px 0 0;
		border-bottom: 1px solid var(--divider);
		padding: 0 0 12px 0;
		color: var(--text-secondary);
	}

	.stats.s-hik11q {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 8px 16px;
		margin: 0 0 -16px 0;
		padding: 12px 0;
		color: var(--text-secondary);

		.gap:where(.s-hik11q) {
			flex: 1 1 auto;
		}

		.permalink:where(.s-hik11q) {
			display: flex;
			align-items: center;
			gap: 4px;
			color: var(--text-link);
			font-weight: 700;

			&:hover {
				text-decoration: underline;
			}
		}
	}
	.stat.s-hik11q {
		display: flex;
		align-items: center;
		gap: 8px;
		font-weight: 500;
	}

	.post.s-12mzi62 {
		display: flex;
		position: relative;
		gap: 12px;
		padding: 12px 16px 0 16px;
	}

	.logo.s-12mzi62 {
		position: absolute;
		top: 12px;
		right: 12px;
		width: 24px;
		height: 24px;
	}

	.aside.s-12mzi62 {
		flex-shrink: 0;
	}

	.avatar-wrapper.s-12mzi62 {
		display: block;
		border-radius: 9999px;
		background: var(--background-secondary);
		width: 40px;
		height: 40px;
		overflow: hidden;

		&:hover {
			filter: brightness(0.85);
		}
	}

	.avatar.s-12mzi62 {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.is-blurred.s-12mzi62 {
		scale: 125%;
		filter: blur(4px);
	}

	.line.s-12mzi62 {
		position: absolute;
		top: 56px;
		bottom: -12px;
		left: 35px;
		border-left: 2px solid var(--divider);
	}

	.main.s-12mzi62 {
		display: flex;
		flex-grow: 1;
		flex-direction: column;
		min-width: 0px;
	}

	.meta.s-12mzi62 {
		display: flex;
		align-items: center;
		margin: 0 0 2px 0;
		padding: 0 calc(24px + 8px) 0 0;
		color: var(--text-secondary);

		.name-wrapper:where(.s-12mzi62) {
			display: flex;
			gap: 4px;
			max-width: 100%;
			overflow: hidden;
			color: inherit;
			text-decoration: none;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.display-name-wrapper:where(.s-12mzi62) {
			overflow: hidden;
			text-overflow: ellipsis;

			.name-wrapper:where(.s-12mzi62):hover & {
				text-decoration: underline;
			}
		}

		.display-name:where(.s-12mzi62) {
			color: var(--text-primary);
			font-weight: 700;
		}

		.handle:where(.s-12mzi62) {
			display: block;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.dot:where(.s-12mzi62) {
			flex-shrink: 0;
			margin: 0 6px;
		}

		.date:where(.s-12mzi62) {
			color: inherit;
			text-decoration: none;
			white-space: nowrap;

			&:hover {
				text-decoration: underline;
			}
		}
	}

	.context.s-12mzi62 {
		overflow: hidden;
		color: var(--text-secondary);
		font-size: calc(var(--font-size) * 0.8125);
		text-overflow: ellipsis;
		white-space: nowrap;

		a:where(.s-12mzi62) {
			color: inherit;
			font-weight: 500;

			&:hover {
				text-decoration: underline;
			}
		}
	}

	.message.s-1q9cbx0 {
		margin: 0 auto;
		padding: 32px 16px;
		max-width: 380px;
		color: var(--text-secondary);
		text-align: center;
	}